export const Demo = `
~~~js
import React, { Fragment, useState } from 'react';
import { Card, Content, Dialog, Button } from 'react-fule-ui';

export default function FullCard() {
  const [visible1, setVisible1] = useState(false);
  const funOpen1 = () => {
    setVisible1(true);
  };
  const funClose1 = () => {
    setVisible1(false);
  };
  const [visible2, setVisible2] = useState(false);
  const funOpen2 = () => {
    setVisible2(true);
  };
  const funClose2 = () => {
    setVisible2(false);
  };
  return (
    <Fragment>
      <div className="demo-block">
        <Button onClick={funOpen1}>打开弹出层1</Button>
      </div>
      <div className="demo-block">
        <Button onClick={funOpen2}>打开弹出层2</Button>
      </div>
      <Dialog open={visible1} onClick={funClose1} title="1111">
        <Dialog.Body>123</Dialog.Body>
      </Dialog>
      <Dialog open={visible2} onClick={funClose2} title="222">
        <Dialog.Body>123</Dialog.Body>
      </Dialog>
    </Fragment>
  )
}
~~~`;
